let path = require('path')
const ThemeColorReplacer = require('webpack-theme-color-replacer')
const {getThemeColors, modifyVars} = require('./src/utils/themeUtil')
const {resolveCss} = require('./src/utils/theme-color-replacer-extend')
const webpack = require('webpack');
module.exports = {
  devServer: {
    proxy: {
      // '/api': { //此处要与 /services/api.js 中的 API_PROXY_PREFIX 值保持一致
      //   target: process.env.VUE_APP_API_BASE_URL,
      //   changeOrigin: true,
      //   pathRewrite: {
      //     '^/api': 'https://restapi.amap.com/v4/geofence/meta'
      //   }
      // }
      '/apMap': {
        target: 'http://test.nbiotwin.com:10001/apMap',
        changeOrigin: true,
        pathRewrite: {
          '^/apMap': ''
        }
      }
    }
  },
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [path.resolve(__dirname, "./src/theme/theme.less")],
    }
  },
  configureWebpack: config => {
    config.entry.app = ["babel-polyfill", "whatwg-fetch", "./src/main.js"];
    config.plugins.push(
      new ThemeColorReplacer({
        fileName: 'css/theme-colors-[contenthash:8].css',
        matchColors: getThemeColors(),
        injectCss: true,
        resolveCss
      })
    )
    config.plugins.push(
        new webpack.ProvidePlugin({
          $:"jquery",
          jQuery:"jquery",
          "windows.jQuery":"jquery"
        })
    )
    config.externals= {
      'AMap': 'AMap',
      'anime': 'anime',
    }
  },
  chainWebpack: config => {
    // 生产环境下关闭css压缩的 colormin 项，因为此项优化与主题色替换功能冲突
    if (process.env.NODE_ENV === 'production') {
      config.plugin('optimize-css')
        .tap(args => {
            args[0].cssnanoOptions.preset[1].colormin = false
          return args
        })
    }
  },
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: modifyVars(),
          javascriptEnabled: true
        }
      }
    }
  },
  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
  outputDir: 'dist',
  assetsDir: 'static',
  productionSourceMap: false,
  runtimeCompiler: true
}
